<template>
  <div class="login">
    <div class="logo">
      <div class="iconfont icon-douguo"></div>
    </div>

    <div class="ipt" @click="$router.push('/loginlist')">手机号登录</div>
    <div class="iptt" @click="$router.push('/loginlist')">
      Sign in with Apple
    </div>

    <footNav> </footNav>
  </div>
</template>

<script>
import footNav from "../../components/base/footNav.vue";
export default {
  data() {
    return {
   
    };
  },
  components: {
    footNav,
  },
};
</script>

<style lang="less">
.login {
  .logo {
    .iconfont {
      font-size: 78px;
      color: #ffcc33;
      margin: 0 150px;
      margin-top: 160px;
      margin-bottom: 75px;
    }
  }

  .ipt {
    height: 40px;
    margin: 0 20px;
    margin-top: 25px;
    background: #f6c755;
    border-radius: 30px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
  }
  .iptt {
    height: 40px;
    margin: 0 20px;
    margin-top: 25px;
    border: 1px solid #7f7f7f;
    border-radius: 25px;
    border-radius: 30px;
    text-align: center;
    line-height: 40px; font-weight: bold;
  }
}
</style>